<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=563416
-->
<head>
  <title>Test for Bug 563416</title>
  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=563416">Mozilla Bug 563416</a>
<p id="display"><iframe id="test" src='data:text/html,<textarea style="box-sizing:content-box; -moz-appearance:none; height: 0px; padding: 0px;" cols="20" rows="10">hsldkjvmshlkkajskdlfksdjflskdjflskdjflskdjflskdjfddddddddd</textarea>'></iframe></p>
<div id="content" style="display: none">
  
</div>
<pre id="test">
<script type="application/javascript">

/** Test for Bug 563416 **/

var result = -1;
var expected = -2;
var i = 0;

function runTest() {
  i = 0;
  var frame = document.getElementById('test');
  frame.onload = function() {
    var t = frame.contentDocument.documentElement.getElementsByTagName("textarea")[0];
    expected = t.clientWidth + 10;
    t.style.width = expected + 'px';
    result = t.clientWidth;
    if (i == 0) {
      i++;
      setTimeout(function(){frame.contentWindow.location.reload();},0);
    }
    else {
      is(result, expected, "setting style.width changes clientWidth");
      SimpleTest.finish();
    }
  }
  frame.contentWindow.location.reload();
}

SimpleTest.waitForExplicitFinish();
addLoadEvent(runTest);


</script>
</pre>
</body>
</html>
